<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>dmind.info</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.1/css/bulma.min.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>

<div class="section">
    <div class="container">
        <div class="columns">

            <div class="column is-4">
                <div class="field is-grouped">
                    <div class="control">
                        <input class="input" type="text" id="oss-pre" placeholder="文件名前缀">
                    </div>
                    <div class="control">
                        <button class='button is-info' onclick="parseList()">查找Oss文件</button>
                    </div>
                </div>
            </div>
            <div class="column">
                <form name=theform>
                    <div class="field is-horizontal">
                        <div class="field-label is-normal">
                            <label class="label">指定目录</label>
                        </div>
                        <div class="field-body">
                            <div class="field is-grouped">
                                <div class="control">
                                    <input class="input" type="text" id='dirname' placeholder="如果不填，默认是上传到根目录">
                                </div>
                                <div class="control">
                                    <div id="container">
                                        <button id="selectfiles" class='button'>选择文件(csv)</button>
                                        <button id="postfiles" class='button is-info'>开始上传</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>


        <div class="field">
            <table class="table is-hoverable is-fullwidth">
                <col style="width:30%">
                <col style="width:40%">
                <col style="width:20%">
                <col style="width:10%">
                <thead>
                <tr>
                    <th>原始文件名</th>
                    <th>上传文件名</th>
                    <th>进度</th>
                </tr>
                </thead>

                <tbody id="ossfile">
                </tbody>
            </table>
        </div>


    </div>
</div>


<div class="section">
    <div class="container" id="params">

        <div class="columns">
            <div class="column">
                <div class="field">
                    <label class="label">上传文件名</label>
                    <div class="control">
                        <input class="input" type="text" placeholder="需要解析的文件" name="url">
                    </div>
                </div>
            </div>
            <div class="column">
                <div class="field">
                    <label class="label">分词接口</label>
                    <div class="control">
                        <input class="input" type="text" placeholder="如: http://127.0.0.1:25000/seg"
                               name="baiduLacServer" value="http://localhost:25000/seg">
                    </div>
                </div>
            </div>
            <div class="column">
                <div class="field">
                    <label class="label">核心词(Keyword)</label>
                    <div class="control">
                        <input class="input" type="text" placeholder="如:保险" name="topicWord">
                    </div>
                </div>
            </div>
            <div class="column">
                <div class="field is-grouped">
                    <div class="control">
                        <label class="label">包含核心词</label>
                        <label class="radio">
                            <input type="radio" name="isTopic" value="true" checked>
                            Yes
                        </label>
                        <label class="radio">
                            <input type="radio" name="isTopic" value="false">
                            No
                        </label>
                    </div>

                    <div class="control">
                        <label class="label">分割Xmind</label>
                        <label class="radio">
                            <input type="radio" name="divided" checked value="true">
                            Yes
                        </label>
                        <label class="radio">
                            <input type="radio" name="divided" value="false">
                            No
                        </label>
                    </div>
                </div>
            </div>

        </div>

        <div class="columns">
            <div class="column">
                <div class="field">
                    <label class="label">1级topN (最大50)</label>
                    <div class="control">
                        <input class="input topN" type="number" placeholder="20" name="l1" max="50" value="50">
                    </div>
                </div>
            </div>
            <div class="column">
                <div class="field">
                    <label class="label">2级topN (最大40)</label>
                    <div class="control">
                        <input class="input topN" type="number" placeholder="15" name="l2" max="40" value="40">
                    </div>
                </div>
            </div>
            <div class="column">
                <div class="field">
                    <label class="label">3级topN (最大30)</label>
                    <div class="control">
                        <input class="input topN" type="number" placeholder="10" name="l3" max="30" value="20">
                    </div>
                </div>
            </div>
            <div class="column">
                <div class="field">
                    <label class="label">4级topN (最大20)</label>
                    <div class="control">
                        <input class="input topN" type="number" placeholder="5" name="l4" max="20" value="10">
                    </div>
                </div>
            </div>
        </div>

        <div class="field">
            <label class="label">自定义停顿词(Stop Word, 需要忽略的词)</label>
            <div class="control">
                <textarea class="textarea" placeholder="除基础停顿词外, 比如解析 [保险]时, 可以添加 阳光,中国 作为忽略词"></textarea>
            </div>
        </div>


        <div class="columns">
            <div class="column">
                <div class="field">
                    <label class="label">停顿词分割符号</label>
                    <div class="control">
                        <input class="input" type="text" placeholder="如：，" name="stopSymbol">
                    </div>
                </div>
            </div>
            <div class="column">
                <div class="field">
                    <label class="label">Email 收件地址</label>
                    <div class="control">
                        <input class="input" type="email" placeholder="abc@qq.com" name="mailTo"
                               value="weidong.du@foxmail.com">
                    </div>
                </div>
            </div>
        </div>

        <div class="field">
            <div class="control">
                <progress class="progress is-success" value="0" max="100" id="iProgress">60%</progress>
            </div>
        </div>
        <div class="columns">

            <div class="column">
                <div class="field">
                    <div class="control">
                        <button class="button is-fullwidth is-info" id="iBtnTop" onclick="parseTop()">1. Top(200)解析
                        </button>
                    </div>
                </div>
            </div>

            <div class="column">
                <div class="field">
                    <div class="control">
                        <button class="button is-fullwidth is-info" id="iBtnSubmit" onclick="parseAdd()">2. Xmind + 邮件
                        </button>
                    </div>
                </div>
            </div>
        </div>

        <div class="modal" id="iModal">
            <div class="modal-background"></div>
            <div class="modal-card">
                <header class="modal-card-head">
                    <p class="modal-card-title">OSS文件列表</p>
                    <button class="delete" aria-label="close" onclick="closeModal()"></button>
                </header>
                <section class="modal-card-body" id="iModalBody">
                    <!-- Content ... -->
                    <table class="table is-hoverable is-fullwidth">
                        <col style="width:10%">
                        <col style="width:40%">
                        <col style="width:10%">
                        <col style="width:40%">
                        <thead>
                        <tr>
                            <th>选择</th>
                            <th>文件名</th>
                            <th>大小</th>
                            <th>时间</th>

                        </tr>
                        </thead>

                        <tbody id="ossList">

                        </tbody>
                    </table>
                </section>
            </div>
        </div>

    </div>
</div>
</body>
<script type="text/javascript" src="/js/lib/crypto1/crypto/crypto.js"></script>
<script type="text/javascript" src="/js/lib/crypto1/hmac/hmac.js"></script>
<script type="text/javascript" src="/js/lib/crypto1/sha1/sha1.js"></script>
<script type="text/javascript" src="/js/lib/base64.js"></script>
<script type="text/javascript" src="/js/lib/plupload-2.1.2/js/plupload.full.min.js"></script>
<script type="text/javascript" src="/js/upload.js"></script>
<script type="text/javascript" src="/js/process.js"></script>
</html>